<template>
  <div class="button">
    <button @click="requs">登录</button>
    <button>注册</button>
  </div>
</template>

<script>
export default {
    name:'button',
    props:{
      
    },
    methods:{
        requs(){
            this.$router.replace("/res");
        }
    }
};
</script>

<style scoped>
.button{
    width: 100%;
}
button {
  width: 12.5rem;
  height: 1.875rem;
  display: block;
  font-weight: bold;
  margin-left: 20%;
  border: none;
  border-radius: 0.3125rem;
  outline: none;
}
button:nth-child(1) {
  margin-top: 6.25rem;
  background: #32cd47;
  color: #fff;
}
button:nth-child(2) {
  margin-top: 0.625rem;
}
</style>